//函数入口，当页面结构加载完成之后，执行里面的代码
$(function(){
	//用于存放历史数据的数组
	var keyArr=[];
	//页面一开始先判断本地存储里有没有数据,	
	if(localStorage.getItem('keyW')){
		keyArr=JSON.parse(localStorage.getItem('keyW'));
		console.log(keyArr);
		//有数据时，显示历史的记录
		var html = template('H-list',{result:keyArr});
				$('#history-list').html(html);
	}
	//实现，用户输入数据，跳转到搜索结果页面，并将数据传送过去
	$('#search-btn').on('click',function(){
		var keyword = $(this).siblings('input').val();
		if(keyword){
			keyArr.push(keyword);
			//将关键字存储到localStorage中,localStorage只能存放字符串，所以要将数组转换成字符串
			//第一个参数是存到本地的一个名字，第二个是要存的数据
			localStorage.setItem('keyW',JSON.stringify(keyArr));
			
			//如果有关键字，就跳到结果页面去。
			location.href="search-result.html?keyword="+keyword;
		}else{
			alert("请输入关键字");
		}
	});
	
	//清空历史记录
	$('.history-clear').on('click',function(){
		$('#history-list').html("");
		localStorage.removeItem("keyW");
	});
});
